<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <link rel="stylesheet" href="css/common/bootstrap.min.css" />
  <title>瑞金物资资源管理系统</title>
  <style>
    body {
      background-color: #f1f1f1;
      margin: 0;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    .container {
      margin: 50px auto 40px auto;
      width: 600px;
      text-align: center;
    }
    
    a {
      color: #4183c4;
      text-decoration: none;
    }
    
    a:hover {
      text-decoration: underline;
    }
    
    h1 {
      width: 800px;
      position: relative;
      left: -100px;
      letter-spacing: -1px;
      line-height: 60px;
      font-size: 60px;
      font-weight: 100;
      margin: 0px 0 50px 0;
      text-shadow: 0 1px 0 #fff;
    }
    
    p {
      color: rgba(0, 0, 0, 0.5);
      margin: 20px 0;
      line-height: 1.6;
    }
    
    ul {
      list-style: none;
      margin: 25px 0;
      padding: 0;
    }
    
    li {
      display: table-cell;
      font-weight: bold;
      width: 1%;
    }
    
    .logo {
      display: inline-block;
      margin-top: 35px;
    }
    
    .logo-img-2x {
      display: none;
    }
    
    @media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and ( min--moz-device-pixel-ratio: 2),
    only screen and ( -o-min-device-pixel-ratio: 2/1),
    only screen and ( min-device-pixel-ratio: 2),
    only screen and ( min-resolution: 192dpi),
    only screen and ( min-resolution: 2dppx) {
      .logo-img-1x {
        display: none;
      }
      .logo-img-2x {
        display: inline-block;
      }
    }
    
    #suggestions {
      margin-top: 35px;
      color: #ccc;
    }
    
    #suggestions a {
      color: #666666;
      font-weight: 200;
      font-size: 14px;
      margin: 0 10px;
    }
  </style>
</head>

<body>
  <div class="container">
    <h1>首页地址已更换</h1>
    <p>
      由于服务器配置更改，现在首页的地址已更换至院内OA地址（<a href="http://oa.ruijin.com/webnav/">http://oa.ruijin.com/webnav/</a>）， 请更新收藏夹中的地址，谢谢！
    </p>
    <p>
      <strong id="count">5</strong>&nbsp;秒后将会自动跳转...
    </p>
    <div id="suggestions">
      <button class="btn btn-primary" id="forward">点击立即跳转至新地址</button>
    </div>
  </div>
  <script>
    window.onload = function () {
      // 自动跳转
      var $count = document.querySelector('#count');
      var id = setInterval(function () {
        var count = parseInt($count.innerHTML);
        count = count - 1;
        $count.innerHTML = count;
        if (count === 0) {
          clearInterval(id);
          window.location.href = "http://oa.ruijin.com/webnav/";
        }
      }, 1000);

      var $button = document.querySelector('#forward');
      $button.addEventListener('click', function () {
        window.location.href = "http://oa.ruijin.com/webnav/";
      });
    }
  </script>
</body>

</html>